<script setup lang="ts"> </script>
<template>
    <div class="main">
        <div class="div_table">
        <table>
            <thead>
                <tr>
                <th>班级</th>
                <th>姓名</th>
                <th>原因</th>
                <th>人数</th>
            </tr>
            </thead>
            <tbody>
                <tr>
                    <td>21编程</td>
                    <td>张三</td>
                    <td>生病</td>
                    <td>1/3</td>
                </tr>
                <tr>
                    <td>21编程</td>
                    <td>李四</td>
                    <td>生病</td>
                    <td>2/3</td>
                </tr>
                <tr>
                    <td>21编程</td>
                    <td>王五</td>
                    <td>生病</td>
                    <td>3/3</td>
                </tr>
                <tr>
                    <td>21编程</td>
                    <td>张三</td>
                    <td>生病</td>
                    <td>1/3</td>
                </tr>
                <tr>
                    <td>21编程</td>
                    <td>李四</td>
                    <td>生病</td>
                    <td>2/3</td>
                </tr>
                <tr>
                    <td>21编程</td>
                    <td>王五</td>
                    <td>生病</td>
                    <td>3/3</td>
                </tr>
                <tr>
                    <td>21编程</td>
                    <td>张三</td>
                    <td>生病</td>
                    <td>1/3</td>
                </tr>
                <tr>
                    <td>21编程</td>
                    <td>李四</td>
                    <td>生病</td>
                    <td>2/3</td>
                </tr>
                <tr>
                    <td>21编程</td>
                    <td>王五</td>
                    <td>生病</td>
                    <td>3/3</td>
                </tr>
                
            </tbody>
        </table>
        </div>
    </div>
</template>
<style scoped>
.main{
    background: url(../../images/Bkuang.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /* 滚轮 */
    /* overflow-y: scroll; */
}
table{
    width: 80%;
    margin: 4vh 3vw;
    color: white;
    overflow-y: auto;
    overflow-x:  #42fff4;
    font-size: 20px;
}
table,th,td{
    border: 1px solid #42fff4;
    border-collapse: collapse;
}
.div_table{

    width: 80%;
    height: 74%;
    overflow-y: auto;
    margin: 6vh 2vw;

    &::-webkit-scrollbar{
        width: 8px;
    }

    &::-webkit-scrollbar-track{
        background: #42fff4;
        border-radius: 10px;}

        &::-webkit-scrollbar-thumb{
        background: #42fff4;
        border-radius: 10px;
    }
}
</style>